/**
 * Created with PyCharm.
 * User: Paul
 * Date: 29/03/13
 * Time: 10:03
 * To change this template use File | Settings | File Templates.
 */
var lok=false;
var secureHeader=150
var floatingMenuObj={subitemActivo:""} //objeto para la el cabezal flotante


$(document).ready(function() {
    var activo=""
    chkPageScroll()
    $('.menuSection a').each(function() {
        var hr=$(this).attr('href')
        var canalStr=hr.split('/')[(hr.split('/').length)-1]
        if(canalStr=='home'){
            $(this).parent().remove()
        }

        if(canalStr=='conocenos' || canalStr=='usando_la_biblioteca'){
            $(this).attr('href',"#")
            var ruta="/publica/home/@@directorio_view?canal="+canalStr
            var titulo=$(this).attr("title")
            var desc=$("img",this).attr("alt")

            var targetLI=$(this).parent()
            $(this).click(function (e) {
                e.preventDefault();
                $.get(ruta,
                    function(data){
                        if (activo!=""){
                            $(".boxEnlaces").remove()
                        }
                        $(targetLI).append(data)
                        activo="a";
                        setTimeout(apagaBox,8000)
                    })
            })
        }
        function apagaBox(){
            $(".boxEnlaces").hide("slow")
        }

        $(".botoneraTexto a").mouseover(rolImg)

        $(".botoneraTexto a").mouseout(rolImg)

        $(".botoneraTexto #textoMas").click(
            function(e){
                e.preventDefault();
                e.stopPropagation();
                curSize= parseInt($(".documentText").css("font-size")) + 2;
                curSizeB= parseInt($('.descriArticulo').css('font-size')) + 2;
                if(curSize<=20){
                    $('.documentText').css('font-size', curSize);
                    $('.descriArticulo').css('font-size', curSizeB);
                }
            })

        $(".botoneraTexto #textoMenos").click(
            function(e){
                e.preventDefault();
                e.stopPropagation();
                curSize= parseInt($('.documentText').css('font-size')) - 2;
                curSizeB= parseInt($('.descriArticulo').css('font-size')) - 2;
                if(curSize>=12){
                    $('.documentText').css('font-size', curSize);
                    $('.descriArticulo').css('font-size', curSizeB);
                }
            })



        function rolImg(e){
            var nome=$("img", e.currentTarget).attr("src")
            if(nome.indexOf("out")!=-1){
                nome=nome.replace("out","over")
            }else{
                nome=nome.replace("over","out")
            }
           $("img", e.currentTarget).attr("src",nome)
        }



    });

});


function detectYouTube(){

    if (!$("div.documentText iframe")){
        return
    }
    $("div.documentText iframe").each(
        function(index){
            var idYtbo="youtube_"+index

            if($(this).attr("id")!=""){
                idYtbo=$(this).attr("id")
            }

            var ppURL=$(this).attr("src")
            $(this).attr("id",idYtbo)
            var ppList=ppURL.split("/")
            var lasTS=ppList[ppList.length-1]
            var ppId=lasTS.substr(0,lasTS.indexOf("?"))
            var thum="http://img.youtube.com/vi/"+ppId+"/1.jpg"
            $(this).attr({"width":328, "height":233})
            $("ul.bjqs li:last").after('<li width="81"><a rel="'+idYtbo+'" class="youtube" href="#"><img src="'+thum+'"/> </a></li>')
            $(this).hide()

            if($(".galeriaSMuseo").length){
                $(this).insertAfter(".central .imgDescri")
            }else{
                $(this).insertAfter(".central .imgTextos")}

        }
    )
}

function initGalerias(){
    //script que acomoda las galerias
    var estadoBio=true
    var miO =$(".documentText")
    var trig=$("#expandText")
    var hOriginal=$(miO).height()
    var altoBioTexto= $(".cuerpoBio").innerHeight()

    $(trig).click(function (e){
      e.preventDefault()
      if($(miO).css("display")=='none'){
         expande(miO)
      }else{
        colapsa(miO)
      }
    })
    function colapsa(obj){
       $(obj).hide("easeInQuart")
       $(".triger").text("expandir [+]")
    }
    function expande(obj){
        $(obj).show("easeInQuart")
        $(".triger").text("colapsar [-]")
    }

    function expandeBio(){
         $(".cuerpoBio").animate({ height: altoBioTexto})
         $(".botExpandir a").text("colapsar [-]")
    }
    function collapseBio(){
        $(".cuerpoBio").animate({ height: "130px"})
        $(".botExpandir a").text("expandir [+]")

    }

    if($(".botExpandir").length>0){
        var trigBio=$(".botExpandir")
        var padre=$(trigBio).parent()
        $(trigBio).click(function(e){
            e.preventDefault()
            if(estadoBio==false){
                expandeBio()
                estadoBio=true
            }else{
                collapseBio()
                estadoBio=false
            }

        })

    }
    collapseBio()
}

/*cabezal flotante*/
function chkPageScroll(){

   ;( function ( document, window, index )
	{
		'use strict';
        var elSelector	= '#sHeader',
			element		= document.querySelector( elSelector );
		//if( !element ) return true;
		var elHeight		= 0,
			elTop			= 0,
			dHeight			= 0,
			wHeight			= 0,
			wScrollCurrent	= 0,
			wScrollBefore	= 0,
			wScrollDiff		= 0;
		window.addEventListener( 'scroll', function()
		{
			elHeight		= element.offsetHeight+20;
			dHeight			= document.body.offsetHeight;
			wHeight			= window.innerHeight;
			wScrollCurrent	= window.pageYOffset;
			wScrollDiff		= wScrollBefore - wScrollCurrent;
			elTop			= parseInt( window.getComputedStyle( element ).getPropertyValue( 'top' ) ) + wScrollDiff;

            if(wScrollCurrent>secureHeader){
                if(!lok){
                    lok=true
                    $(element).animate({top: ( elTop != 0 ? 0 : elTop )}, 500,"linear", function() {
                        if(wScrollCurrent<secureHeader){
                            $(element).animate({
                                top: ( elTop != 0 ? 0 : elTop )
                            }, 500 , function() {
                                 //callback

                            })
                        }
                    } );
                }
              }else if(wScrollCurrent<secureHeader){
               // element.style.top = ( -elHeight ) + 'px';
                if(lok){
                    lok=false
                    floatingMenuObj.collapse()
                    $(element).animate({
                    top: -elHeight
                }, 500 ,"linear", function() {
                       //callback
                    });
                }
            }
			wScrollBefore = wScrollCurrent;
		});

	}( document, window, 0 ));




		floatingMenuObj.ini= function()
		{
				$(".level0").each(function(){
				if($( "ul",$(this).parent()).length>0){
					$(this).addClass( "colapse" );
					$(this).click(floatingMenuObj.activaSubMenu)
				}
			})
		}

        floatingMenuObj.activaSubMenu= function (event)
		{
			event.preventDefault();
			var viejo=floatingMenuObj.subitemActivo;
			var nuevo=event.currentTarget;

			if(floatingMenuObj.subitemActivo!="" &&viejo != nuevo){
				$("ul",$(floatingMenuObj.subitemActivo).parent()).hide("slow");
				$(floatingMenuObj.subitemActivo).removeClass('expand')
				$(floatingMenuObj.subitemActivo).addClass('colapse')
			}
			if($(event.currentTarget).hasClass('expand')){
				$(event.currentTarget).removeClass('expand')
				$(event.currentTarget).addClass('colapse')
			}else{
				$(event.currentTarget).removeClass('colapse')
				$(event.currentTarget).addClass('expand')
			}
			$("ul",$(event.currentTarget).parent()).toggle("slow");
			floatingMenuObj.subitemActivo=event.currentTarget;
		}

        floatingMenuObj.collapse=function()
        {
           if( $(floatingMenuObj.subitemActivo).hasClass("expand")){
               $(floatingMenuObj.subitemActivo).removeClass('expand')
		       $(floatingMenuObj.subitemActivo).addClass('colapse')
               $("ul",$(floatingMenuObj.subitemActivo).parent()).toggle("slow");
           }
        }

		floatingMenuObj.ini()
}


/*slider galerias*/
function initGaleriasSlide(){
    setTimeout(setupSlide,100)
}
function setupSlide(){
    detectYouTube()

    var mascaraW=$(".botonera").width();
    var espacio=9;
    var fotoMasGrande=1
    var pagMargin=new Array()

    if ($(".sala").length>0){
        var cantThum=9;
        var tipoGal="sala"
    }else{
        var cantThum=4;
        var tipoGal="multi"
    }

    $(".botonera li img").each(
        function(e){
            if($(this).width()>fotoMasGrande){
                fotoMasGrande=$(this).width()
            }
        }
    )

    var largoFoto=Math.floor((mascaraW/cantThum)-espacio)
    window.offSetl=fotoMasGrande+espacio;

    $(".botonera li").width(window.offSetl)

    var largoUL=$(".botonera li").length*(window.offSetl+8);

    if ($(".botonera li").length>cantThum){
        $(".bjqs").width(largoUL+espacio);
    }

    window.segmento     =cantThum*window.offSetl;
    window.cantSegmentos=Math.floor(largoUL/window.segmento);
    window.modulo       =largoUL%window.segmento;
    window.segmentoActual=1;
    window.diferencia   =largoUL-$(".botonera").width()
    window.sumaClick=0

    var posCero=$(".bjqs").position()

    if(largoUL>mascaraW){
        /*$(".bjqs").width(largoUL);
        $(".mas").show()*/
        $(".menos").show()
    }

    var imgSwap = [];
    $actual=$(".central img")
    $(".imgTextos").css("top",$actual.height()+12)
    $(".botonera ul li a").bind("click",updateImg)

    function updateImg(e){
        e.preventDefault()

        if($(e.currentTarget).attr("class")=="youtube"){
            var borrar=$actual
            $(".imgTitulo").text("")
            $(".imgDescri").text("")
            borrar.fadeOut("slow",function (a){
                if($(this).get(0).tagName=="IMG"){borrar.remove()}
                $("#"+$(e.currentTarget).attr("rel")).show()

            })
            $actual=$("#"+$(e.currentTarget).attr("rel"))
            $(".imgTextos").css("top",$actual.height()+12)
        }else{
            var source=$(this).attr("href")+"/image_preview";
            var titulo=$(this).attr("title");
            var descri=$("img",this).attr("alt");
            $(".imgTitulo").text(titulo)
            $(".imgDescri").text(descri)
            if($(".galeriaSMuseo").length){
                loadImage(source, 328, 233, '.central .imgDescri ')
            }else{
                loadImage(source, 328, 233, '.central .imgTextos')
            }
        }

    }

    function loadImage(path, width, height, target) {
        var borrar=$actual
        $('<img src="'+ path +'" style="display:none" class="imagenGrande" alt="">').load(function() {
                $(this).insertBefore(target);
                borrar.fadeOut("slow",function (a){
                if($(this).get(0).tagName=="IMG"){
                    borrar.remove()

                }
                $actual.fadeIn("slow")

            })
            $actual=$(this)

            $(".imgTextos").css("top",$actual.height()+12)
        });
    }

    $(".botonera li img").each(function(){
        imgUrl = this.src.replace('thumb/', '');
        imgSwap.push(imgUrl);
    });

    $(imgSwap).preload();

    activaBoton("menos",moveLeft)
    activaBoton("mas",moveRight)

    $(".mas").bind("mouseover",function(e){
        $("img",this).attr("src","++theme++Products.bpTheme/img/"+resolveFileNames($("img",this).attr("src")))
    })
    $(".mas").bind("mouseout",function(e){
        $("img",this).attr("src","++theme++Products.bpTheme/img/"+resolveFileNames($("img",this).attr("src")))
    })
    $(".menos").bind("mouseover",function(e){
        $("img",this).attr("src","++theme++Products.bpTheme/img/"+resolveFileNames($("img",this).attr("src")))
    })
    $(".menos").bind("mouseout",function(e){
        $("img",this).attr("src","++theme++Products.bpTheme/img/"+resolveFileNames($("img",this).attr("src")))
    })

    function resolveFileNames(url){
        var secUrl=url.split("/")
        var fileName=secUrl[2]
        var actiStr="_on"
        if (fileName.indexOf(actiStr)<0){
            fileName=fileName.replace(".",actiStr+".")
        }else{
            fileName=fileName.replace(actiStr+".",".")
        }
        return fileName
    }

    window.blockMas=true;
    window.blockMenos=false;

    function moveLeft(e){

        e.preventDefault()
        if(!window.blockMenos){
            window.blockMenos=true;
            if(window.cantSegmentos>1){
                if(window.segmentoActual<window.cantSegmentos){
                    $(".bjqs").animate({left: '-='+window.segmento+'px'},'slow',chkPosition);
                    window.segmentoActual++
                }else if(window.segmentoActual==window.cantSegmentos){
                    $(".bjqs").animate({left: '-='+window.modulo+'px'},'slow',chkPosition);
                }
            }else if(window.modulo!=0){
                $(".bjqs").animate({left: '-='+window.modulo+'px'},'slow',chkPosition);
            }
        }
    }
    function moveRight(e){
        e.preventDefault()
        if(!window.blockMas){
            window.blockMas=true
            if(window.cantSegmentos>1){
                if(window.segmentoActual==1){
                    $(".bjqs").animate({left: '+='+window.modulo+'px'},'slow',chkPosition);
                }else{
                    $(".bjqs").animate({left: '+='+window.segmento+'px'},'slow',chkPosition);
                    window.segmentoActual--
                }
            }else if(window.modulo!=0){
                $(".bjqs").animate({left: '+='+window.modulo+'px'},'slow',chkPosition);
            }
        }}


}

function chkPosition(){
        if($(".bjqs").position().left==0){
            window.blockMas=true
            window.blockMenos=false;
            if(!$(".menos").is(':visible')){$(".menos").show()}
            $(".mas").hide()
        }else if($(".bjqs").position().left-(0-window.diferencia)<window.offSetl){
            window.blockMenos=true;
            window.blockMas=false;
            if(!$(".mas").is(':visible')){$(".mas").show()}
            $(".menos").hide()
        }else{
            if(!$(".menos").is(':visible')){$(".menos").show()}
            if(!$(".mas").is(':visible')){$(".mas").show()}

            window.blockMenos=false;
            window.blockMas=false;
        }
    }
function activaBoton(strNom, k){
        $("."+strNom).bind("click",k)
    }
function desactivaBoton(strNom, k){
        $("."+strNom).unbind()
    }

$.fn.preload = function() {
        console.log("preloading images")
        $(this).each(function(){
            var pp = $('<img alt=""/>').attr("src",this);
        });
    }